<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="keywords" content="PornHub图标生成器" >
	<meta name="description" content="PornHub图标生成器" >	
	<title>PornHub图标生成器 - 不能说实验室</title>
	<link href="favicon.ico" rel="shortcut icon">
	<link href="bootstrap.min.css" rel="stylesheet">
	<link href="bootstrap-colorpicker.min.css" rel="stylesheet">
	<link href="style.css" rel="stylesheet" />	
	<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?38cb0b727f6d2ad5f594d5adf821c3d6";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</head>
<body>
<div class="container">
    <h1><span class="porn-title">Porn</span><span class="hub-title">hub</span> 图标生成器</h1>
	<hr>
	<div class="alert alert-secondary alert-dismissable fade show" style="font-size: 90%;">
		<button type="button" class="close" data-dismiss="alert">&times;</button>
		<strong>使用方法：</strong> 选择文字大小以及背景颜色（背景色不建议使用#FFFFFF和#FF9900），然后点击图中文字输入你想要的文字，最后下载保存。
	</div>
	<p></p>
	<p></p>
    <div class="row">
        <div class="col-md-2">
            <label for="Size">文字大小</label>
            <select class="form-control" id="Size" onchange="resize()">
                <option value="80px">80px</option>
                <option value="90px">90px</option>
                <option value="100px">100px</option>
                <option value="120px">120px</option>
                <option value="125px" selected="">125px</option>
                <option value="130px">130px</option>
                <option value="140px">140px</option>
                <option value="150px">150px</option>
			</select>			
		</div>
		<div class="col-md-2">
			<label for="Bgcolor">背景颜色</label>
			<input type="text" value="#000000" id="Bgcolor" class="form-control" onchange="changeBgColor(this)">
		</div>
		<div class="col-md-2">
			<label for="Quality">输出质量</label>
			<select class="form-control" id="Quality" onchange="changeQuality()">
				<option value="1" selected>原图</option>
				<option value="0.8">高等</option>
				<option value="0.5">中等</option>
				<option value="0.3">低等</option>
			</select>
		</div>
		<div class="col-md-2">
			<label for="download">&nbsp;</label>
			<button type="submit" class="btn btn-primary dl-button form-control" id="download" onClick="grabCanvas()" id="download">
				Download
			</button>
		</div>
    </div>    
    <p></p>
</div>
<div class="flexcontainer">
    <div class="hub" id="pornhub">
        <span id="porntext" style="color:white" contenteditable="true">Porn</span>
        <span id="hubtext" contenteditable="true">hub</span>
    </div>
</div>

<script src="jquery.min.js"></script>
<script src="popper.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="bootstrap-colorpicker.min.js"></script>
<script src="html2canvas.min.js"></script>
<script src="script.js"></script>
</body>
</html>